<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="../js/flexible.debug.js"></script>
		<script src="../js/flexible_css.debug.js"></script>
		<script src="../js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="../css/swiper-3.4.1.min.css"/>
		
		<script src="../js/jquery-2.2.4.min.js"></script>
		<link rel="stylesheet" type="text/css" href="../css/huanying.css"/>
	</head>
	<body>
			<div class="swiper-container">
			    <div class="swiper-wrapper">
			        <div class="swiper-slide"><img src="../imgs/01.png"/></div>
			        <div class="swiper-slide"><img src="../imgs/02.png"/></div>
			        <div class="swiper-slide"><img src="../imgs/03.png" class="img3"/></div>
			    </div>
			    <!-- 如果需要分页器 -->
			    <div class="swiper-pagination"></div>
			    
			   
			</div>
			<script src="../js/jquery-2.2.4.min.js" type="text/javascript" charset="utf-8"></script>
			<script>        
				  var mySwiper = new Swiper ('.swiper-container', {
				    direction: 'horizontal',
				    // 如果需要分页器
				    pagination: '.swiper-pagination',
				  })  
				  $(".img3").click(function(){
				  	location.href = "The.html"
				  })
			  </script>
		
	</body>
</html>
